<template>
	<div class="navbar">
		<h1 class="nav-header">{{headTitle}}</h1>
	</div>
</template>

<script>
export default {
	computed:{
		headTitle(){
			return this.$store.state.headTitle;
		}
	}
}
</script>

<style lang="scss" scoped>
.navbar{
	height: 50px;
	background-color: #e54847;
	.nav-header{
		font-size: 18px;
		font-weight: 400;
		color: #fff;
		text-align: center;
		line-height: 50px;
	}
}
</style>
